//等待页面全部加载完毕触发
window.onload = function () {
    //#region 完成点击注册按钮显示注册页面
    const loginA = document.querySelector(".login a")
    const registerA = document.querySelector(".register a")
    const login = document.querySelector(".login")
    const register = document.querySelector(".register")

    loginA.addEventListener("click", function () {
        login.style.display = "none"
        register.style.display = "block"
    })

    registerA.addEventListener("click", function () {
        login.style.display = "block"
        register.style.display = "none"
    })
    //#endregion

    //#region  点击登录按钮调用接口
    //给表单绑定提交事件
    //阻止默认行为
    // 获取用户名和密码
    // 根据接口要求完成发送请求 完成登录
    const loginForm = document.querySelector(".login form")
    // loginForm.addEventListener("submit", function (event) {
    //     event.preventDefault()

    //     //获取用户名、密码
    //     const username = loginForm.querySelector("input[name=username]").value.trim()
    //     const password = loginForm.querySelector("input[name=password]").value.trim()
    //     axios.post("/api/login", { username, password }).then(result => {
    //         console.log(result);
    //     })

    // })

    //#endregion

    //#region 登录表单验证
    // 比如，验证一个用户名和密码
    function test() {
        return {
            fields: {
                username: { // 这里username是 input 的name属性值，表示对这个输入框进行验证
                    validators: {
                        notEmpty: {   //不能为空
                            message: '用户名不能为空'
                        },
                        stringLength: {   //检测长度
                            min: 2,
                            max: 15,
                            message: '用户名需要2~15个字符'
                        }
                    }
                },
                password: {
                    validators: {
                        notEmpty: {
                            message: '密码不能为空'
                        },
                        stringLength: {   //检测长度
                            min: 6,
                            max: 15,
                            message: '密码需要6~15个字符'
                        }
                    }
                }
            }
        }
    }


    // 语法：
    // $('表单').bootstrapValidator(上面的验证函数()).on('success.form.bv', function (e) {}

    // 比如，注册
    $('.login form').bootstrapValidator(test()).on('success.form.bv', function (e) {
        e.preventDefault();
        // 通过验证，这里的代码将会执行。我们将Ajax请求的代码放到这里即可
        loginForm.addEventListener("submit", function (event) {
            event.preventDefault()
    
            //获取用户名、密码
            const username = loginForm.querySelector("input[name=username]").value.trim()
            const password = loginForm.querySelector("input[name=password]").value.trim()
            axios.post("/api/login", { username, password }).then(result => {
                // console.log(result);
                //登录成功提示信息
                toastr.success(result.message);
                //本地存储 token
                localStorage.setItem("token",result.token);
                setInterval(function() {
                    //登录成功后跳转页面
                    location.href = './index.html';
                },1500);

                

            })
    
        })
    });
    //#endregion
}